<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>{{array.name}} Replication Report</title>		
		<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
        <link rel="stylesheet" href="{{MEDIA_URL}}common/css/buttons.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
        <link rel="stylesheet" href="{{MEDIA_URL}}projects/nc_mlpa/css/replication.css" type="text/css" media="all" title="no title" charset="utf-8"/>
		<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
		<script src="{{MEDIA_URL}}report/js/jquery.hoverIntent.minified.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
		<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
		
        <script type="text/javascript" charset="utf-8">
	        $(document).ready(function(){
				$("#tabs").tabs();
				$("td.hab_name").hoverIntent(
	                function(){
	                    var cell_id = $(this).attr('id');
	                    var div_id = "#" + cell_id + "_descript";
	                    var offset = $(this).offset();
	                    var height = $(this).height();
	                    $(div_id).css("position", "absolute").css("left", offset.left).css("top", offset.top + height).show();
	                },
	                function() {
	                    var cell_id = $(this).attr('id');
	                    var div_id = "#" + cell_id + "_descript";
	                    $(this).removeClass("selected");
	                    $(div_id).hide();
	                }
	            );/*
				$("td.hab_result").click(
	                function(){
	                    var cell_id = $(this).attr('id');
	                    var div_id = "#" + cell_id + "_unrounded";
	                    var offset = $(this).offset();
	                    var width = $(this).width();
	                    $(this).css("visibility","hidden");
	                    $(div_id).css("position", "absolute").css("width",width).css("left", offset.left).css("top", offset.top).show();
	                },
	                function() {
	                    var cell_id = $(this).attr('id');
	                    var div_id = "#" + cell_id + "_unrounded";
	                    $(this).removeClass("selected");
	                    $(div_id).hide("fast");
	                }
	            );
				$("div.unrounded").click(
					function(){
						var cell_id = $(this).attr('id');
						var div_id = "#" + cell_id.replace("_unrounded","")
						$(this).hide();
	                    $(div_id).css("visibility","visible");
					}
				);*/
			});
			
	    </script>
    </head>
    <body>
        <div>
            {% include "array_replication.html" %}
        </div>
    </body>
</html>